@import "./configuration.scss";
.memContainer, .addmContainer {
    width: 100%;
    min-height: 100vh;
    background-color: #F6F7F9;
    font-weight: 500;
    font-family: "MiSans-Medium";
}

.addmContainer {
    padding: 0.23rem 0.23rem 0;
    box-sizing: border-box;
}

.memUl {
    width: 100%;
    padding-top: 0.23rem;
    box-sizing: border-box;
    padding-bottom: calc(constant(safe-area-inset-bottom) + 1.7rem);
    padding-bottom: calc(env(safe-area-inset-bottom) + 1.7rem);
    
}
.memLi {
    width: 100%;
    height: 2.18rem;
    background: #FFFFFF;
    border-radius: 0.34rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0 0.23rem;
    box-sizing: border-box;
    margin-bottom: 0.23rem;
}

.memLiTit {
    width: 100%;
    font-size: 0.33rem;
    color: #000000;
    margin-bottom: 0.08rem;
    line-height: 0.46rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.memLiTxt {
    width: 100%;
    font-size: 0.25rem;
    color: rgba(0, 0, 0, 0.35);
    font-family: "MiSans-Regular";
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.memLiDate {
    margin-top: 0.27rem;
}
.memLiAction {
    width: 100%;
    padding: 0 0.23rem;
    box-sizing: border-box;
    border-radius: 0.34rem;
    background-color: transparent;
    margin-bottom: 0.23rem;
}

.memFoot {
    width: 100%;
    padding: 0 0.54rem;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    bottom: 0.61rem;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    z-index: 2;
}
.memFootBtn {
    height: 0.96rem;
    border-radius: 0.31rem;
    @include flex(row, center, center);
    font-size: 0.33rem;
    background-color: #FF612E;
    color: #FFFFFF;
}

.medUl {
    padding-top: 0.23rem;
    padding-left: 0.23rem;
    padding-right: 0.23rem;
    box-sizing: border-box;
}
.medLi {
    width: 100%;
    height: 1.5rem;
    padding: 0 0.34rem;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 0.34rem;
    margin-bottom: 0.23rem;
    @include flex(row, space-between, center);
}
.medLiTit {
    width: 5.18rem;
    font-family: "MiSans-Medium";
    color: #000000;
    font-size: 0.33rem;
    font-weight: 500;
    line-height: 0.46rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.medLiTxt {
    width: 5.18rem;
    font-family: "MiSans-Regular";
    font-weight: 400;
    font-size: 0.25rem;
    color: rgba(0,0,0,0.35);
    line-height: 0.34rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.addmHead {
    width: 100%;
    padding: 0.23rem;
    padding-right: 0;
    padding-bottom: 0.06rem;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 0.34rem;
}

.addmHeadTitBox {
    @include flex(row, flex-start, center);
}

.addmHeadTit {
    @include flex(row, flex-start, center);
}

.addmHeadUnitBox {
    width: 0.11rem;
    height: 0.46rem;
    margin-right: 0.02rem;
}

.addmHeadUnit {
    width: 0.11rem;
    height: 0.11rem;
    padding-bottom: 0.05rem;
}
.addmHeadTip {
    font-family: "MiSans-Demibold";
    font-weight: bold;
    line-height: 0.46rem;
    color: #000000;
    font-size: 0.33rem;
}
.addmHeadDate {
    margin-left: 0.15rem;
    @include flex(row, center, center);
}

.addmHeadStart {
    width: 2.03rem;
    height: 0.46rem;
    background: #F6F7F9;
    border-radius: 0.42rem;
    color: rgba(0, 0, 0, 0.3);
    font-weight: 400;
    font-family: "MiSans-Regular";
    @include flex(row, center, center);
}
.addmHeadDateLine {
    width: 0.1rem;
    height: 0.04rem;
    background-color: #000000;
    margin: 0 0.06rem;
}

.addDuration {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 0.23rem;
    box-sizing: border-box;
    margin-top: 0.1rem;
}

.addDurationLiAdd, .addDurationLi {
    width: 1.66rem;
    height: 0.67rem;
    padding: 0 0.34rem;
    box-sizing: border-box;
    background: rgba(255,97,46,0.08);
    border-radius: 0.96rem;
    border: 1px solid rgba(255,97,46,0.2);
    @include flex(row, space-between, center);
    color: #FF612E;
    font-size: 0.25rem;
    font-family: "MiSans-Medium";
    font-weight: 500;
}
.addDurationLi {
    width: 1.9rem;
    margin-right: 0.23rem;
    margin-bottom: 0.17rem;
    margin-top: 0.17rem;
}

.addDurationLiAdd {
    margin-bottom: 0.17rem;
    margin-top: 0.17rem;
}

.addDurationIcon {
    width: 0.24rem;
    height: 0.24rem;
}
.addCloseIcon {
    width: 0.22rem;
    height: 0.22rem;
}

.addmUse {
    margin-top: 0.23rem;
    padding: 0.23rem;
    box-sizing: border-box;
}

.popDuration {
    width: 100%;
    padding: 0 2.4rem;
    box-sizing: border-box;
}

.addmTit {
    width: 100%;
    height: 0.8rem;
    padding: 0 0.23rem;
    border-radius: 0.26rem;
    box-sizing: border-box;
    margin-top: 0.27rem;
    background-color: rgba(246, 247, 249, 0.80);
    
}

.addmTitArea {
    --placeholder-color: rgba(0, 0, 0, 0.35);
    --color: #000000;
    --font-size: 0.3rem;
    background-color: transparent;
    height: 0.8rem;
    border-radius: 0.26rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    .adm-text-area-count {
        padding-top: 0;
        font-size: 0.23rem;
    }
    .adm-text-area-element {
        font-family: "MiSans-Regular";
    }
}
.addmSupply {
    margin-top: 0.27rem;
}

.addmTipBox {
    width: 100%;
    height: 1.3rem;
    padding: 0 0.27rem;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 0.34rem;
    margin-top: 0.23rem;
    @include flex(row, space-between, center);
}
.addmTipTit {
    font-size: 0.33rem;
    font-family: "MiSans-Medium";
    color: #000000;
}

.addmFootBtn {
    height: 0.96rem;
    border-radius: 0.31rem;
    @include flex(row, center, center);
    font-size: 0.33rem;
    background-color: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.8);
    
}

.msgUl {
    width: 100%;
    padding: 0.23rem 0.23rem;
    box-sizing: border-box;
}

.memEmpty {
    height: 85vh;
    @include flex(row, center, center);
    font-family: "MiSans-Regular";
    font-weight: 400;
    font-size: 0.25rem;
    color: rgba(0,0,0,0.3);
    line-height: 0.29rem;
}

.addSupply {
    width: 100%;
    height: 2.4rem;
    padding: 0.23rem;
    box-sizing: border-box;
    background: rgba(246,247,249,0.8);
    border-radius: 0.27rem;
    .adm-text-area-count {
        padding-top: 0;
        font-size: 0.23rem;
        font-family: "MiSans-Regular";
        font-weight: 400;
        color: rgba(0, 0, 0, 0.35);
    }
}

.addSupplyArea {
    --placeholder-color: rgba(0, 0, 0, 0.35);
    --color: #000000;
    --font-size: 0.3rem;
    background: rgba(246,247,249,0.8);
    border-radius: 0.27rem;
    height: 2.4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    .adm-text-area-element {
        line-height: 0.34rem;
    }
}
.memUpdateFoot {
    width: 100%;
    @include flex(row, space-between, center);
}
.memUpdateFootBtn {
    width: 3.06rem;
    height: 0.96rem;
    background: rgba(0,0,0,0.06);
    border-radius: 0.3rem;
    font-weight: 500;
    font-family: "MiSans-Medium";
    color: rgba(0, 0, 0, 0.80);
    font-size: 0.33rem;
    @include flex(row, center, center);
}

.addmFootBtnCur {
    background-color: #FF612E;
    color: #FFFFFF;
}